.path-warp {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 10px;
  font-size: 14px;

  .path {
    display: flex;
    align-items: center;

    .back {
      display: flex;
      align-items: center;
      height: 14px;
      font-size: 12px;
      color: #09AAFF;
      &:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 14px;
        margin: 0 5px;
        background-color: #09AAFF;
      }
    }

    .name {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #09AAFF;
      &:after {
        content: ">";
        margin: 0 5px;
        font-weight: 3;
        color: #09AAFF;
      }
      &:last-child {
        color: #777777;
        &::after {
          content: "";
        }
      }
    }
  }

  .count {
    margin-left: auto;
    font-size: 12px;
    color: #777777;
  }
}